30天分享(23) - CSS3 文字

CSS3 文字部分新增了陰影及自動斷行功能等等，

來看看新增以下那些功能 -----

陰影使用方式 :

text-shadow: 5px 5px 5px #FF0000;

前兩項數值是 X、Y 位移，然後擴散程度以及顏色。

文字格式 :

text-align-last (最後一行對齊，不支援 Safari & Opera)

有以下值可以做選擇 :

left - 最後一行靠左

right - 最後一行靠右

center - 最後一行置中

text-overflow (隱藏文字)

有以下值可以做選擇 :

clip - 超出直接截斷隱藏

ellipsis - 超出用點點點方式隱藏

word-break (斷行文字)

有以下值可以做選擇 :

break-all : 不管單字的狀態，強行將字母斷開。

keep-all : 保留單字的狀態，不會在單字中斷行，並加入符號連結句型。

word-wrap :

跟 word-break 的 keep-all 相同，不過少了符號連結句型。